<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../jquery-3.5.1.js"></script>
    <script type="text/javascript">

        $(function () {
           // alert( $(":checkbox:first").attr("name","hello"));
           //  alert( $(":checkbox:last").prop("checked"));





            //attr
            // alert( $(":checkbox:first").attr("name") ); // 获取
            // $(":checkbox:first").attr("name","abc") ; // 设置

            // $(":checkbox").prop("checked",false );// 官方觉得返回undefined是一个错误

            // $(":checkbox:first").attr("abc","abcValue");
            // alert( $(":checkbox:first").attr("abc") );
            // prependTo
          //  $("p").prependTo($("#span"));//将p添加到#span标签内
               //$("#span").insertAfter("p");//将#span添加到p标签后面
            //$("p").insertBefore("#span");//将d标签添加到#sapn后面
                   // $("p").replaceWith($("#span"));//将#span移动到p标签位置

            $("p").replaceAll($("span"));//将p标签移动到所有的span区域
            // $("div").empty();

        });


    </script>
</head>
<body>
<br/>
多选：
<input name="first" type="checkbox" checked="checked" value="checkbox1" />checkbox1

<input name="last" type="checkbox" value="checkbox2" />checkbox2<br/>
<span  style="font-size: 20px">我是span 我在前面</span>
<span style="font-size: 20px">我是span 我在前面</span>
<span  style="font-size: 20px">我是span 我在前面</span>
<br/><br/>
<div id="div">我是div我在中间</div>
<p>我是p我在最后面</p>

<div>1234</div>
<div>1234</div>
</body>
</html>